<template>
  <div class="flex flex-col items-center w-[100%] mt-[80px]">
    <div class="w-[130px] h-[124px]">
      <img :src="noDataImage" alt="" class="w-[130px] h-[124px]" />
    </div>
    <div class="text-[#595959]">
      <div v-if="!statusState.isBySearch">
        {{ props.text }}<a @click="() => $router.push({ name: 'EditTemplate' })">创建</a>
      </div>
      <div v-else>暂无数据</div>
    </div>
  </div>
</template>
<script lang="ts" setup>
import noDataImage from '@/assets/icon/noData.png'
import { statusState } from '../state'
interface IProps {
  text?: string
}
const props = withDefaults(defineProps<IProps>(), {
  text: '最近还没有发布模板，马上'
})
</script>
<style lang="less" scoped></style>
